<ion-header>
  <ion-navbar color="dark">
    <ion-title>
      运动
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <ion-list>
    <ion-item>
      <div class="ysport" (click)="openPublishSport()">
        <ion-icon ios="ios-tennisball" md="md-tennisball"></ion-icon>
        <p>约运动</p>
      </div>
      <div class="sort">
        <ion-icon ios="ios-ribbon" md="md-ribbon"></ion-icon>
        <p>排行榜</p>
      </div>
      <div class="match">
        <ion-icon ios="ios-trophy" md="md-trophy"></ion-icon>
        <p>赛事</p>
      </div>
    </ion-item>
    <ion-item class="position">
      <ion-select okText="确定" cancelText="取消" interface="action-sheet">
        <ion-option value="01">北京</ion-option>
        <ion-option value="02">成都</ion-option>
        <ion-option value="03" selected="true">雅安</ion-option>
      </ion-select>
      <ion-select okText="确定" cancelText="取消" interface="action-sheet">
        <ion-option value="01">篮球</ion-option>
        <ion-option value="02">足球</ion-option>
        <ion-option value="03" selected="true">全部</ion-option>
      </ion-select>
      <ion-select okText="确定" cancelText="取消" interface="action-sheet">
        <ion-option value="01">离我最近</ion-option>
        <ion-option value="02">时间最早</ion-option>
        <ion-option value="03" selected="true">只能排序</ion-option>
      </ion-select>
       <ion-select okText="确定" cancelText="取消" interface="action-sheet">
        <ion-option value="02">周一</ion-option>
        <ion-option value="03">周二</ion-option>
        <ion-option value="04">周三</ion-option>
        <ion-option value="05">周四</ion-option>
        <ion-option value="06">周五</ion-option>
        <ion-option value="07">周六</ion-option>
        <ion-option value="08">周日</ion-option>
        <ion-option value="09" selected="true">全部</ion-option>
      </ion-select>
    </ion-item>
    <ion-item *ngFor="let p of pages">
      <button>{{p.title}}</button>
      <p>{{p.component}}</p>
    </ion-item>
  </ion-list>
  <!--<div id="container" style="height: 600px;"></div>-->
</ion-content>
